<%-- 
    Document   : Vision
    Created on : 13/08/2013, 09:52:37 AM
    Author     : USUARIO
--%>
<%-- importar librerias necesarias   --%> 
<%@page import="Utils.ConBd"%>
<%@page import="Entidades.EntUsuario"%>
<%@page import="Controlador.SUsuario"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Persistencia.DaoUsuario"%>
<%@page import="java.io.PrintWriter"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.List"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<!-- variables a utilizar   -->
<%
    String Cedula = request.getParameter("Cedula");
    String Contrasena = request.getParameter("Contrasena");
    String Rol = request.getParameter("Rol");

    EntUsuario x = request.getAttribute("cli") != null ? (EntUsuario) request.getAttribute("cli") : null;
// nombre del atributo cuando lo subo  // operador ternario condicional
    if (x != null) {
        Cedula = x.getCedula();
        Contrasena = x.getContrasena();
        Rol = x.getRol();

    }

    List<EntUsuario> LU = request.getAttribute("ListaUsuario") != null ? (List<EntUsuario>) request.getAttribute("ListaUsuario") : null;
    /**
     * Mandarle la entidad
     */

%>

<html lang="en">
    <head>
        <script languaje="javascript" type="text/javascript" src="./js/validacionesletrasnume.js" ></script>
        <title>Arrendamientos: NuevoHogar</title>

        <link rel="stylesheet" href="reset.css" type="text/css" media="all"> <%-- direccion de las hojas de estilo en cascada   --%> 
        <link rel="stylesheet" href="layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="style.css" type="text/css" media="all">

        <link rel="stylesheet" href="css/jquery-ui.css" /> <%-- direccion de los jquery   --%> 
        <script src="Scripts/jquery-1.9.1.js"></script>
        <script src="Scripts/jquery-ui.js"></script>
        <!--[if lt IE 9]>
                <script type="text/javascript" src="js/html5.js"></script>
                <style type="text/css">
                        .bg{ behavior: url(js/PIE.htc); }
                </style>
        <![endif]-->
        <!--[if lt IE 7]>
                <div style=' clear: both; text-align:center; position: relative;'>
                        <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0"  alt="" /></a>
                </div>
        <![endif]-->


        <script>
            $(function() {
                $("#tabs").tabs();
            });
        </script>
        <style type="text/css"> 
            #izquierda { 
                float: left; 
                width: 50%;

            } 

            #derecha { 
                float: right; 
                width: 50%; 

            } 


        </style>

    </head>

    <body id="page1">


        <div class="body1">
            <div class="main">
                <!-- header                               -->
                <header>
                    <h1><a href="MenuAdm.jsp" id="logo"></a></h1>
                    <div class="wrapper">
                        <ul id="icons">
                            <li><a href="index.jsp"><button name="action" value="crear" width=80 height=80 >Cerrar sesión<img src="Imagenes/logout.png"></button></a></li>
                            <li><a href="https://www.facebook.com/ArreNuevoHogar"  title="Facebook"><img src="Imagenes/icon1.jpg" alt=""></a></li>
                            <li><a href="https://twitter.com/ArrendamientosN"  title="Twitter"><img src="Imagenes/icon2.jpg" alt=""></a></li>

                        </ul>
                    </div>
                    <br>
                    <br>
                    <br>
                    <ul class="nav">
                        <li><a href="MenuAdm.jsp">Inicio</a></li>
                        <li><a href="">Modulos</a>
                            <ul>
                                <li id="li2"><a id="li2" href="GestArrendatarios.jsp">Arrendatarios</a></li>
                                <li id="li2"><a id="li2" href="GestInmueble.jsp">Inmuebles</a></li>
                                <li id="li2"><a id="li2" href="GestContrato.jsp">Contratos(Inmueble-Arrendatario)</a></li>
                                <li id="li2" ><a id="li2" href="GestUsuario.jsp">Usuarios</a></li>
                            </ul>
                        </li>
                        <li><a href="QuienesSomosADM.jsp">Quiénes somos</a></li>
                        <li><a href="">Acerca del sistema</a>
                            <ul>
                                <li id="li2"><a id="li2" href="manual/ManualParaelusuario.pdf">Manual del sistema</a></li>
                            </ul>    
                        </li>
                    </ul>
                </header>
                <!-- / header -->
            </div>
        </div>
        <!-- content -->
        <div class="body2">
            <div class="main">
                <section id="content">
                    <div class="wrapper">
                        <div id="tabs" style="width: 100%">
                            <center>
                                <ul><center>
                                        <li><a href="#tabs-1">Gestión Usuario</a></li>

                                </ul>                                                  
                                <div id="tabs-1">
                                    <fieldset>
                                        <form action="./SUsuario" method="post">
                                            <br>

                                            <div  id="izquierda" align="right" >  Cédula  &nbsp</div>
                                            <div id="derecha" align="left"> 
                                                <td align="left"><input type="text" name="Cedula" maxlength="30" size="30" onkeypress="return validar(event)"  value="<%=Cedula != null ? Cedula : ""%>" >*</input></td>

                                            </div>
                                            <br>
                                            <br>

                                            <div  id="izquierda" align="right" >Contraseña &nbsp</div>
                                            <div id="derecha" align="left">
                                                <input type="password" name="Contrasena" class="input" size="30" value="<%=Contrasena != null ? Contrasena : ""%>" />

                                            </div>
                                            <br>
                                            <br>
                                            <div id="izquierda" align="right" > Rol &nbsp</div>
                                            <div id="derecha" align="left"> <select name="Rol">
                                                    <option></option>
                                                    <option <%if ("Administrador".equals(Rol)) {%>selected<%}%>>Administrador</option> 
                                                    <option <%if ("Vendedor".equals(Rol)) {%>selected<%}%>>Vendedor</option>
                                                    <option <%if ("Arrendatario".equals(Rol)) {%>selected<%}%>>Arrendatario</option>
                                                </select>
                                            </div>


                                            <br><br><br>

                                            <div  align="left" ><h5>  &nbsp &nbsp Los campos marcados <br> &nbsp &nbsp con  asterisco (*) <br> &nbsp &nbsp  son  &nbsp &nbsp obligatorios  &nbsp</h5></div>
                                            <button name="action" value="crear" width=80 height=80 >Crear<img src="Imagenes/Crear.png"></button>
                                            <button name="action" value="consultar" width=80 height=80>Consultar<img src="Imagenes/Consultar.png"></button>
                                            <button name="action" value="modificar" width=80 height=80>Modificar<img src="Imagenes/Actualizar.png"></button>
                                            <button name="action" value="eliminar" width=80 height=80>Eliminar<img src="Imagenes/Eliminar.png"></button>
                                            <button name="action" value="limpiar" width=80 height=80>Limpiar<img src="Imagenes/limpiar.png"></button>
                                            <button name="Lista" value="Listar" width=80 height=80>Listar<img src="Imagenes/Listar.png"></button>
                                            <input type="hidden" name="valor" value="0" />
                                        </form>
                                    </fieldset>
                                    <form action="./SUsuario" method="post" >
                                        <br>
                                        <br>


                                        <%if (LU == null) {%> <h20>No hay datos para mostrar</h20>
                                        <%} else {%> <br>

                                        <table class = "TablaListar"><!--este estilo esta en la clase reset-->
                                            <tr>
                                                <td class = "PrimFil">Cedula</td>
                                                <td class = "PrimFil">Contrasena</td>
                                                <td class = "PrimFil">Rol</td>



                                            </tr>
                                            <%for (EntUsuario user : LU) {%>
                                            <tr>
                                                <td class="DatosTabla"><%=user.getCedula()%></td>
                                                <td class="DatosTabla"><%=user.getContrasena()%></td>
                                                <td class="DatosTabla"><%=user.getRol()%></td>



                                            </tr>
                                            <%}%>

                                        </table>
                                        <br>
                                    </form>
                                    <%}%>

                                </div>
                            </center>       





                        </div>
                    </div>           

                </section>
            </div>
        </div>



        <div class="body4">
            <div class="main">
                <!-- footer -->
                <footer>
                    <span>Desarrollado por: Diego Fernando Gómez Álvarez, Julián Galeano Bolívar y Santiago Restrepo Restrepo Rodriguez</span><!-- {%FOOTER_LINK} -->
                </footer>

                <!-- / footer -->
            </div>
        </div>		
    </body>
</html>
